﻿<Window x:Class="CECB.Dashbord.DashSlider_Window"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
          xmlns:toolkit="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Input.Toolkit"
      
        Title="DashSlider_Window"
        Height="650" Width="1200" 
           
        WindowStartupLocation="Manual" 
        Left="60" Top="100"
          Background="#AA000000" AllowsTransparency="True" WindowStyle="None" WindowState="Maximized" >
    <Window.Resources>
        <Storyboard x:Key="Slidetoright">
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleX)" Storyboard.TargetName="rectangle">
                <EasingDoubleKeyFrame KeyTime="0" Value="0.001"/>
                <EasingDoubleKeyFrame KeyTime="0:0:1.1" Value="1.157">
                    <EasingDoubleKeyFrame.EasingFunction>
                        <BackEase EasingMode="EaseOut" Amplitude="-40"/>
                    </EasingDoubleKeyFrame.EasingFunction>
                </EasingDoubleKeyFrame>
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.X)" Storyboard.TargetName="rectangle">
                <EasingDoubleKeyFrame KeyTime="0" Value="502.312"/>
                <EasingDoubleKeyFrame KeyTime="0:0:1.1" Value="76.874">
                    <EasingDoubleKeyFrame.EasingFunction>
                        <BackEase EasingMode="EaseOut" Amplitude="-40"/>
                    </EasingDoubleKeyFrame.EasingFunction>
                </EasingDoubleKeyFrame>
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="rectangle">
                <EasingDoubleKeyFrame KeyTime="0" Value="1"/>
                <EasingDoubleKeyFrame KeyTime="0:0:1.1" Value="0.8"/>
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(Shape.StrokeThickness)" Storyboard.TargetName="rectangle">
                <EasingDoubleKeyFrame KeyTime="0" Value="1"/>
                <EasingDoubleKeyFrame KeyTime="0:0:1.1" Value="0"/>
            </DoubleAnimationUsingKeyFrames>
        </Storyboard>

        <Storyboard x:Key="showMe" >
            <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Visibility">
                <DiscreteObjectKeyFrame KeyTime="0:0:0" Value="{x:Static Visibility.Visible}"/>
            </ObjectAnimationUsingKeyFrames>
            <DoubleAnimation Storyboard.TargetProperty="Opacity" Duration="0:0:3" From="0" To="1"/>
        </Storyboard>

        <Storyboard x:Key="drop">
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleY)" Storyboard.TargetName="groupBox">
                <EasingDoubleKeyFrame KeyTime="0" Value="0.02"/>
                <EasingDoubleKeyFrame KeyTime="0:0:1" Value="1.194">
                    <EasingDoubleKeyFrame.EasingFunction>
                        <BackEase EasingMode="EaseOut" Amplitude="-3"/>
                    </EasingDoubleKeyFrame.EasingFunction>
                </EasingDoubleKeyFrame>
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.Y)" Storyboard.TargetName="groupBox">
                <EasingDoubleKeyFrame KeyTime="0" Value="-120"/>
                <EasingDoubleKeyFrame KeyTime="0:0:1" Value="23.75">
                    <EasingDoubleKeyFrame.EasingFunction>
                        <BackEase EasingMode="EaseOut" Amplitude="-3"/>
                    </EasingDoubleKeyFrame.EasingFunction>
                </EasingDoubleKeyFrame>
            </DoubleAnimationUsingKeyFrames>
        </Storyboard>

        <Storyboard x:Key="drop1">
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleY)" Storyboard.TargetName="groupBoxSearchTeam">
                <EasingDoubleKeyFrame KeyTime="0" Value="0.02"/>
                <EasingDoubleKeyFrame KeyTime="0:0:1" Value="1.194">
                    <EasingDoubleKeyFrame.EasingFunction>
                        <BackEase EasingMode="EaseOut" Amplitude="-3"/>
                    </EasingDoubleKeyFrame.EasingFunction>
                </EasingDoubleKeyFrame>
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.Y)" Storyboard.TargetName="groupBoxSearchTeam">
                <EasingDoubleKeyFrame KeyTime="0" Value="-120"/>
                <EasingDoubleKeyFrame KeyTime="0:0:1" Value="23.75">
                    <EasingDoubleKeyFrame.EasingFunction>
                        <BackEase EasingMode="EaseOut" Amplitude="-3"/>
                    </EasingDoubleKeyFrame.EasingFunction>
                </EasingDoubleKeyFrame>
            </DoubleAnimationUsingKeyFrames>
        </Storyboard>

    </Window.Resources>
    <Window.Triggers>
        <EventTrigger RoutedEvent="FrameworkElement.Loaded">
            <BeginStoryboard Storyboard="{StaticResource Slidetoright}"/>
        </EventTrigger>
    </Window.Triggers>

    <Grid x:Name="LayoutRoot" Width="1100" Height="600">




        <Rectangle x:Name="rectangle" Margin="0,21.5,138,8" Stroke="Black" RadiusY="18.5" RadiusX="18.5" RenderTransformOrigin="0.5,0.5">
            <Rectangle.RenderTransform>
                <TransformGroup>
                    <ScaleTransform/>
                    <SkewTransform/>
                    <RotateTransform/>
                    <TranslateTransform/>
                </TransformGroup>
            </Rectangle.RenderTransform>
            <Rectangle.Fill>
                <ImageBrush ImageSource="/CECB;component/images/roundbg.png" />
            </Rectangle.Fill>
        </Rectangle>
        <Grid Margin="30,0,0,0">
            <Grid.RowDefinitions>
                <RowDefinition Height="100"/>
                <RowDefinition Height="60"/>
                <RowDefinition Height="400"/>
                <RowDefinition Height="1*" />
            </Grid.RowDefinitions>
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="317"></ColumnDefinition>
                <ColumnDefinition Width="8"></ColumnDefinition>
                <ColumnDefinition Width="280"></ColumnDefinition>
                <ColumnDefinition Width="25"></ColumnDefinition>
                <ColumnDefinition Width="10*"></ColumnDefinition>
            </Grid.ColumnDefinitions>
            <Button BorderBrush="{x:Null}" Grid.Column="4" Background="Transparent" Click="CloseButton_Click" Cursor="Hand" Name="CloseButton" Margin="350,50,50,14"  >
                <Grid  >
                    <Image Height="32" Margin="2" Source="/CECB;component/images/closeblack.png" Width="32" />
                </Grid>
            </Button>
            <TextBlock Height="55" HorizontalAlignment="Left" Margin="99,58,0,0" Name="textBlock1" Text="Search..." VerticalAlignment="Top" FontSize="35" Grid.RowSpan="2" Foreground="White" FontStyle="Italic" FontWeight="ExtraBold" />

            <Canvas Grid.Row="1" Height="600" HorizontalAlignment="Center" Margin="0,0,7,0" Name="canvas1" VerticalAlignment="Top" Width="318" Grid.ColumnSpan="2" Grid.RowSpan="3">
                <WrapPanel Orientation="Vertical">

                    <StackPanel>
                        <TextBlock Height="23" Name="textBlock3" Text="Search Projects" Margin="50,0,0,0" Foreground="White" FontSize="15" />
                        <toolkit:AutoCompleteBox Name="ProjectAutocompleteTextBox"  Width="250" Margin="50,0,0,0" Height="30"  ValueMemberPath="proj_reference"  FilterMode="Contains"  ItemsSource="{Binding}"  TabIndex="1" IsTabStop="True"  SelectionChanged="ReferenceTextBox_SelectionChanged" FontSize="18" Background="White" Opacity="1" HorizontalAlignment="Center" UseLayoutRounding="False" BorderBrush="#FFF8F8F8" BorderThickness="2">
                            <toolkit:AutoCompleteBox.ItemTemplate>
                                <DataTemplate>
                                    <StackPanel Orientation="Horizontal">
                                        <TextBlock Text="{Binding Path=proj_reference}"/>
                                        <TextBlock Text=" - "/>
                                        <TextBlock Text="{Binding Path=proj_name}"/>
                                    </StackPanel>
                                </DataTemplate>
                            </toolkit:AutoCompleteBox.ItemTemplate>
                        </toolkit:AutoCompleteBox>
                    </StackPanel>
                </WrapPanel>
            </Canvas>
            <Canvas Grid.Row="1" Height="600" HorizontalAlignment="Center" Margin="315,0,418,0" Name="canvas2" VerticalAlignment="Top" Width="337" Grid.ColumnSpan="5" Grid.RowSpan="3">


                <WrapPanel Orientation="Vertical">

                    <StackPanel Orientation="Vertical">
                        <TextBlock Height="23" Name="textBlock2" Text="Search Teams" Margin="10,0,0,0" Foreground="White" FontSize="15" />
                        <toolkit:AutoCompleteBox Name="TeamAutocompleteTextBox" Width="250" Margin="30,0,0,0" Height="30"  ValueMemberPath="team_reference"  FilterMode="Contains"  ItemsSource="{Binding}"  TabIndex="1" IsTabStop="True"  SelectionChanged="TeamReferenceTextBox_SelectionChanged" FontSize="18" Background="White" Opacity="1" HorizontalAlignment="Center" UseLayoutRounding="False" BorderBrush="#FFF8F8F8" BorderThickness="2">
                            <toolkit:AutoCompleteBox.ItemTemplate>
                                <DataTemplate>
                                    <StackPanel Orientation="Horizontal">
                                        <TextBlock Text="{Binding Path=team_reference}"/>
                                        <TextBlock Text=" - "/>
                                        <TextBlock Text="{Binding Path=team_name}"/>

                                    </StackPanel>
                                </DataTemplate>
                            </toolkit:AutoCompleteBox.ItemTemplate>
                        </toolkit:AutoCompleteBox>

                    </StackPanel>


                </WrapPanel>
            </Canvas>
            <Rectangle Grid.Column="3" Grid.Row="1" Grid.RowSpan="3" Height="430"   Margin="0,20,0,0" Name="rectangle3" Stroke="White" VerticalAlignment="Top" Width="1" Fill="White" StrokeThickness="1" />

            <Rectangle Grid.Column="1" Grid.Row="1" Grid.RowSpan="3" Height="430"   Margin="10,20,0,0" Name="rectangle1" Stroke="White" VerticalAlignment="Top" Width="1" Fill="White" StrokeThickness="1" />
            <Rectangle Grid.Row="0" Grid.ColumnSpan="5" Height="1"   Margin="50,98,190,0"  Name="rectangle2" Stroke="White" VerticalAlignment="Top" Fill="White" StrokeThickness="1" />


            <WrapPanel Grid.Column="0" Grid.Row="2" Name="xx">

                <GroupBox x:Name="groupBox" Opacity="0.8" Header="Project Details" Margin="50,0,0,0" Width="260" Height="auto" Background="#FFFFECA1" RenderTransformOrigin="0.5,0.5">
                    <GroupBox.RenderTransform>
                        <TransformGroup>
                            <ScaleTransform/>
                            <SkewTransform/>
                            <RotateTransform/>
                            <TranslateTransform/>
                        </TransformGroup>
                    </GroupBox.RenderTransform>
                    <WrapPanel Orientation="Vertical">
                        <WrapPanel Orientation="Horizontal">
                            <Label Content="Reference: " Height="35" FontSize="18" Name="label1" Margin="0,0,0,0" Width="100" VerticalAlignment="Top"  />
                            <Label Content="{Binding Path=proj_reference}" Height="35" FontSize="18" Name="label2" Margin="0,0,0,0" Width="auto" VerticalAlignment="Top"  />
                        </WrapPanel>
                        <WrapPanel Orientation="Horizontal">
                            <Label Content="Name: " Height="35" FontSize="18" Name="label3" Margin="0,0,0,0" Width="100" VerticalAlignment="Top"  />
                            <Label Content="{Binding Path=proj_name}" Height="35" FontSize="18" Name="label4" Margin="0,0,0,0" Width="auto" VerticalAlignment="Top"  />
                        </WrapPanel>
                        <WrapPanel Orientation="Horizontal">
                            <Label Content="Team: " Height="35" FontSize="18" Name="label5" Margin="0,0,0,0" Width="100" VerticalAlignment="Top"  />
                            <Label Content="{Binding Path=proj_team}" Height="35" FontSize="18" Name="label6" Margin="0,0,0,0" Width="auto" VerticalAlignment="Top"  />
                        </WrapPanel>
                        <WrapPanel Orientation="Horizontal">
                            <Label Content="Location: " Height="35" FontSize="18" Name="label7" Margin="0,0,0,0" Width="100" VerticalAlignment="Top"  />
                            <Label Content="{Binding Path=proj_location}" Height="35" FontSize="18" Name="label8" Margin="0,0,0,0" Width="auto" VerticalAlignment="Top"  />
                        </WrapPanel>
                        <WrapPanel Orientation="Horizontal">
                            <Label Content="Result: " Height="35" FontSize="18" Name="label9" Margin="0,0,0,0" Width="100" VerticalAlignment="Top"  />
                            <Label Content="{Binding Path=proj_finalResult}" Height="35" FontSize="18" Name="label10" Margin="0,0,0,0" Width="auto" VerticalAlignment="Top"  />
                        </WrapPanel>
                    </WrapPanel>

                </GroupBox>
            </WrapPanel>

            <WrapPanel Grid.Column="2" Grid.Row="2">
                <GroupBox x:Name="groupBoxSearchTeam"  Opacity="0.8" Header="Team Details" Margin="20,0,0,0" Width="254" MaxHeight="300" Background="#FFFFECA1" RenderTransformOrigin="0.5,0.5">
                    <GroupBox.RenderTransform>
                        <TransformGroup>
                            <ScaleTransform/>
                            <SkewTransform/>
                            <RotateTransform/>
                            <TranslateTransform/>
                        </TransformGroup>
                    </GroupBox.RenderTransform>
                    <ScrollViewer>
                        <WrapPanel Orientation="Vertical">

                            <WrapPanel Orientation="Vertical" Name="wrapPanelTeam">
                                <WrapPanel Orientation="Horizontal">
                                    <Label Content="Reference: " Height="35" FontSize="18" Name="labeltref" Margin="0,0,0,0" Width="100" VerticalAlignment="Top"  />
                                    <Label Content="{Binding Path=team_reference}" Height="35" FontSize="18" Name="labeltrefdata" Margin="0,0,0,0" Width="auto" VerticalAlignment="Top"  />
                                </WrapPanel>
                                <WrapPanel Orientation="Horizontal">
                                    <Label Content="Name: " Height="35" FontSize="18" Name="labeltname" Margin="0,0,0,0" Width="100" VerticalAlignment="Top"  />
                                    <Label Content="{Binding Path=team_name}" Height="35" FontSize="18" Name="labeltnamedata" Margin="0,0,0,0" Width="auto" VerticalAlignment="Top"  />
                                </WrapPanel>
                            </WrapPanel>
                            <WrapPanel Name="wrapTeamMembers" Orientation="Vertical">
                                <WrapPanel Background="White" Orientation="Vertical" Width="auto" Margin="10">
                                    <WrapPanel HorizontalAlignment="Center" >
                                        <Label Content="Members: " Height="35" FontSize="18" Name="labeltmem"  Margin="0,0,0,0" Width="100" VerticalAlignment="Top" />
                                    </WrapPanel>
                                    <ListBox Height="auto"   Width="210" Background="#FFE1D195" Name="listBoxTeamMembers" BorderThickness="2" BorderBrush="White" FontSize="16" />

                                </WrapPanel>
                            </WrapPanel>
                            <WrapPanel Name="wrapTeamProjects" Orientation="Vertical">
                                <WrapPanel Background="#FFFCFCFC" Orientation="Vertical" Width="auto" Margin="10">
                                    <WrapPanel HorizontalAlignment="Center" Name="wrpx" Background="White">
                                        <Label Content="Projects: " Height="35" FontSize="18" Name="labeltpro"  Margin="0,0,0,0" Width="100" VerticalAlignment="Top"  />
                                    </WrapPanel>
                                    <ListBox Height="auto"   Width="210" Background="#FFE1D195" Name="listBoxTeamPro" BorderThickness="2" BorderBrush="White" FontSize="16" />

                                </WrapPanel>
                            </WrapPanel>
                            <WrapPanel Orientation="Vertical"></WrapPanel>

                        </WrapPanel>

                    </ScrollViewer>

                </GroupBox>
            </WrapPanel>
        </Grid>





    </Grid>
</Window>